import styled from "styled-components";

export const CardHtmlBox = styled.div`
    /* width: 182rem; */
    /* height: 13.2rem; */
    background: #FFFFFF;
    border-radius: .4rem;
    margin-top: 2rem;

    .box-top{
        height: 5.5rem;
        border-bottom: .1rem solid #F3F3F3;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 2rem;
        box-sizing: border-box;
        .box-top-title{
            font-weight: bold;
            font-size: 1.6rem;
            color: #333333;
            display: flex;
            align-items: center;
            .text{
                font-weight: bold;
                font-size: 1.6rem;
                color: #333333;
                margin-right: 2rem;
            }
            .zhuangtai{
                font-weight: 500;
                font-size: 1.6rem;
                color: #999999;
            }
            .zhaungtai-text{
                margin-left: 1rem;
                font-weight: 500;
                font-size: 1.6rem;
                color: #02D154;
                margin-left: 1rem;
            }
        }
    }
`
export const ListStyleModuleBox = styled.table`
  width: 100%;
  border: .1rem solid #F3F3F3;
    .box-title-tr{
        /* width: 178rem; */
        height: 6rem;
        background: #F2F2F2;
        th{
            line-height: 6rem;
            font-weight: 500;
            font-size: 1.6rem;
            color: #999999;
        }
    }
    .box-tr{
        /* width: 178rem; */
        height: 6rem;
        /* background: #F2F2F2; */
        td{
            line-height: 6rem;
            font-weight: 500;
            font-size: 1.6rem;
            color: #333333;
        }

    }
`